Details

• Lint Pilot supports css, scss, and less.
• The extendable config avoids extending further configuration files which makes it difficult to know which rules are applied and how they are configured. It is also more difficult to maintain.
  • The config defined in this PR is based on stylelint-config-standard-scss which extends stylelint-config-standard and stylelint-config-recommended-scss, both of which extend stylelint-config-recommended 😵‍💫
• The extendable config enables other plugins and rules which are considered important or can be automatically fixed.
• Every rule available in the plugin is defined - if it is not used, it is commented out. This way users can differentiate a rule which was intentionally not enabled versus a rule which was forgotten or not know about when defining the configuration.

What have you changed?

• 🎩 Provide an extendable Stylelint configuration; stylelint.config.js.
  • Extends stylelint-config-property-sort-order-smacss.
  • Plugins;
    • @stylistic/stylelint-plugin
    • stylelint-declaration-strict-value
    • stylelint-order
    • stylelint-scss
• 📫 Added postcss-scss and postcss-less.

Why are you making these changes?

• 🎩 Users of Lint Pilot can extend the provided Stylelint configuration.
  • stylelint-config-property-sort-order-smacss is the only config which is extended because as it excels in defining the order of css rules for all syntaxes.
  • Plugins;
    • @stylistic/stylelint-plugin: The 76 rules that enforce stylistic conventions and were removed from Stylelint have been added for users who prefer to use a single tool instead of using both a linter and code formatter.
    • stylelint-declaration-strict-value: Used to enforce using variables or functions for defined properties. This plugin only has 1 rule which teams will likely need to configure to meet their own requirements. The plugin has been included and configured to check any property ending in "color" as well as "fill", "stroke", and "font-size" which are properties which commonly use variables or functions to better maintain the code.
    • stylelint-order: The stylelint-config-property-sort-order-smacss config defines order/properties-order available from this plugin. We also define order/order to define the grouping order for css, scss, and less.
    • stylelint-scss: Scss-specific rules are applied only to .scss files.
• 📫 postcss is used to better support SCSS and Less syntax.